<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>YIX | Home</title>
		<link rel="stylesheet" href="css/all.css">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="layui/css/layui.css">
		<link rel="stylesheet" href="css/style.css">
		<script src="js/index.js" defer></script>
		<script src="layui/layui.js"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="loads"
			style="position: fixed;left:0;top: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,0.7);z-index: 200000;text-align: center;line-height: 100vh;color: #fff;font-size: 30px;">
			<i class="layui-icon layui-anim layui-anim-loop layui-anim-rotate">&#xe63d;</i>数据加载中...
		</div>
		<canvas id="canvas"></canvas>
		<div class="liyi_nav">
			<ul class="liyi_navul layui-nav layui-anim layui-anim-down"
				style="background: #22222200;height: 100px;line-height: 100px;" lay-filter="">
				<a href="index.html" class="logo">YIX</a>
				<li class="layui-nav-item layui-this"><a href="#"><i class="layui-icon">&#xe68e;</i>首页</a></li>
				<li class="layui-nav-item"><a href="javascript:0;" onclick='layer.msg("模块未搭建...")'><i
							class="layui-icon">&#xe62e;</i>摸鱼</a></li>
				<li class="layui-nav-item"><a href="javascript:0;" onclick='layer.msg("模块未搭建...")'><i
							class="layui-icon">&#xe687;</i>社区</a></li>
				<li class="layui-nav-item">
					<a href="javascript:;"><i class="layui-icon">&#xe687;</i>学习资料</a>
					<dl class="layui-nav-child">
						<!-- 二级菜单 -->
						<dd><a href="javascript:0;" onclick='layer.msg("模块未搭建...")'>移动模块</a></dd>
						<dd><a href="javascript:0;" onclick='layer.msg("模块未搭建...")'>后台模版</a></dd>
						<dd><a href="javascript:0;" onclick='layer.msg("模块未搭建...")'>电商平台</a></dd>
					</dl>
				</li>
				<li class="layui-nav-item"><a href="javascript:0;" onclick='layer.msg("模块未搭建...")'><i
							class="layui-icon">&#xe62a;</i>留言板</a></li>
				<div style="float: right;margin-right: 2px;">
					<li class="layui-nav-item">
						<a href="javascript:0;" onclick='layer.msg("服务器未搭载...")'><i
								class="layui-icon">&#xe63a</i>消息<span class="layui-badge" id="messageStatus"
								style="display:none;">1</span></a>
					</li>
					<li class="layui-nav-item">
						<a href="javascript:0;" onclick='layer.msg("服务器未搭载...")'>个人中心<span
								class="layui-badge-dot"></span></a>
					</li>
					<li class="layui-nav-item" id="zt">
						<a href="#" onclick='layer.msg("服务器未搭载...")'>登录/注册</a>
					</li>
				</div>
			</ul>
			<script>
				layui.use('element', function() {
					var element = layui.element;
				});
			</script>
		</div>
		<div class="liyi_content layui-anim layui-anim-scale">
		</div>
		<div class="liyi_center">
			<div class="liyi_centers">
				<div class="liyi_center_left">
					<ul class="liyi_center_ul">
						<li class="listTop">
							<a href="#">
								<div class="liyi_lis_img"><img src="upload/1678693576.jpeg"
										alt=""></div>
								<div class="liyi_lis_content">
									<div>
										<h1 class="liyi_lis_content_title">
											特殊的日子特殊的话</h1>
										<p class="liyi_lis_content_author"><i class="layui-icon"
												title="用户身份图标">&#xe612;</i>作者:<span
												style="color:${$usernamecolor};">YI</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
												class="layui-icon">&#xe60e;</i>发布时间:<span>2022-05-20</span>
										</p>
										<p>
										<h2 class="liyi_lis_content_content">
											内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的内容特殊的
										</h2>
										</p>
										<p class="liyi_lis_content_bq">
											<span><i class="layui-icon">&#xe66e;</i>情人节</span><span>
										</p>
									</div>
								</div>
							</a>
						</li>
						<li class="listTop">
							<a href="#">
								<div class="liyi_lis_img"><img src="upload/1678693576.jpeg"
										alt=""></div>
								<div class="liyi_lis_content">
									<div>
										<h1 class="liyi_lis_content_title">
											网站列表测试</h1>
										<p class="liyi_lis_content_author"><i class="layui-icon"
												title="用户身份图标">&#xe612;</i>作者:<span
												style="color:${$usernamecolor};">YI</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
												class="layui-icon">&#xe60e;</i>发布时间:<span>2023-10-08</span>
										</p>
										<p>
										<h2 class="liyi_lis_content_content">
											测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容
										</h2>
										</p>
										<p class="liyi_lis_content_bq">
											<span><i class="layui-icon">&#xe66e;</i>测试</span><span>
										</p>
									</div>
								</div>
							</a>
						</li>
						<li class="listTop">
							<a href="#">
								<div class="liyi_lis_img"><img src="upload/1678693576.jpeg"
										alt=""></div>
								<div class="liyi_lis_content">
									<div>
										<h1 class="liyi_lis_content_title">
											服务器正在搭载中...</h1>
										<p class="liyi_lis_content_author"><i class="layui-icon"
												title="用户身份图标">&#xe612;</i>作者:<span
												style="color:${$usernamecolor};">YI</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
												class="layui-icon">&#xe60e;</i>发布时间:<span>2023-10-04</span>
										</p>
										<p>
										<h2 class="liyi_lis_content_content">
											服务器正在搭载中...众筹启动资金中...敬请期待
										</h2>
										</p>
										<p class="liyi_lis_content_bq">
											<span><i class="layui-icon">&#xe66e;</i>公告</span><span><span><i class="layui-icon">&#xe66e;</i>敬请期待</span><span>
										</p>
									</div>
								</div>
							</a>
						</li>
						<li class="listTop">
							<a href="#">
								<div class="liyi_lis_img"><img src="upload/1678693576.jpeg"
										alt=""></div>
								<div class="liyi_lis_content">
									<div>
										<h1 class="liyi_lis_content_title">
											服务器正在搭载中...</h1>
										<p class="liyi_lis_content_author"><i class="layui-icon"
												title="用户身份图标">&#xe612;</i>作者:<span
												style="color:${$usernamecolor};">YI</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
												class="layui-icon">&#xe60e;</i>发布时间:<span>2023-10-04</span>
										</p>
										<p>
										<h2 class="liyi_lis_content_content">
											服务器正在搭载中...众筹启动资金中...敬请期待
										</h2>
										</p>
										<p class="liyi_lis_content_bq">
											<span><i class="layui-icon">&#xe66e;</i>公告</span><span><span><i class="layui-icon">&#xe66e;</i>敬请期待</span><span>
										</p>
									</div>
								</div>
							</a>
						</li>
						<li class="listTop">
							<a href="#">
								<div class="liyi_lis_img"><img src="upload/1678693576.jpeg"
										alt=""></div>
								<div class="liyi_lis_content">
									<div>
										<h1 class="liyi_lis_content_title">
											服务器正在搭载中...</h1>
										<p class="liyi_lis_content_author"><i class="layui-icon"
												title="用户身份图标">&#xe612;</i>作者:<span
												style="color:${$usernamecolor};">YI</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
												class="layui-icon">&#xe60e;</i>发布时间:<span>2023-10-04</span>
										</p>
										<p>
										<h2 class="liyi_lis_content_content">
											服务器正在搭载中...众筹启动资金中...敬请期待
										</h2>
										</p>
										<p class="liyi_lis_content_bq">
											<span><i class="layui-icon">&#xe66e;</i>公告</span><span><span><i class="layui-icon">&#xe66e;</i>敬请期待</span><span>
										</p>
									</div>
								</div>
							</a>
						</li>
						<li class="listTop">
							<a href="#">
								<div class="liyi_lis_img"><img src="upload/1678693576.jpeg"
										alt=""></div>
								<div class="liyi_lis_content">
									<div>
										<h1 class="liyi_lis_content_title">
											服务器正在搭载中...</h1>
										<p class="liyi_lis_content_author"><i class="layui-icon"
												title="用户身份图标">&#xe612;</i>作者:<span
												style="color:${$usernamecolor};">YI</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
												class="layui-icon">&#xe60e;</i>发布时间:<span>2023-10-04</span>
										</p>
										<p>
										<h2 class="liyi_lis_content_content">
											服务器正在搭载中...众筹启动资金中...敬请期待
										</h2>
										</p>
										<p class="liyi_lis_content_bq">
											<span><i class="layui-icon">&#xe66e;</i>公告</span><span><span><i class="layui-icon">&#xe66e;</i>敬请期待</span><span>
										</p>
									</div>
								</div>
							</a>
						</li>
						<li class="listTop">
							<a href="#">
								<div class="liyi_lis_img"><img src="upload/1678693576.jpeg"
										alt=""></div>
								<div class="liyi_lis_content">
									<div>
										<h1 class="liyi_lis_content_title">
											服务器正在搭载中...</h1>
										<p class="liyi_lis_content_author"><i class="layui-icon"
												title="用户身份图标">&#xe612;</i>作者:<span
												style="color:${$usernamecolor};">YI</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
												class="layui-icon">&#xe60e;</i>发布时间:<span>2023-10-04</span>
										</p>
										<p>
										<h2 class="liyi_lis_content_content">
											服务器正在搭载中...众筹启动资金中...敬请期待
										</h2>
										</p>
										<p class="liyi_lis_content_bq">
											<span><i class="layui-icon">&#xe66e;</i>公告</span><span><span><i class="layui-icon">&#xe66e;</i>敬请期待</span><span>
										</p>
									</div>
								</div>
							</a>
						</li>
						<li class="listTop">
							<a href="#">
								<div class="liyi_lis_img"><img src="upload/1678693576.jpeg"
										alt=""></div>
								<div class="liyi_lis_content">
									<div>
										<h1 class="liyi_lis_content_title">
											服务器正在搭载中...</h1>
										<p class="liyi_lis_content_author"><i class="layui-icon"
												title="用户身份图标">&#xe612;</i>作者:<span
												style="color:${$usernamecolor};">YI</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
												class="layui-icon">&#xe60e;</i>发布时间:<span>2023-10-04</span>
										</p>
										<p>
										<h2 class="liyi_lis_content_content">
											服务器正在搭载中...众筹启动资金中...敬请期待
										</h2>
										</p>
										<p class="liyi_lis_content_bq">
											<span><i class="layui-icon">&#xe66e;</i>公告</span><span><span><i class="layui-icon">&#xe66e;</i>敬请期待</span><span>
										</p>
									</div>
								</div>
							</a>
						</li>
						<li class="listTop">
							<a href="#">
								<div class="liyi_lis_img"><img src="upload/1678693576.jpeg"
										alt=""></div>
								<div class="liyi_lis_content">
									<div>
										<h1 class="liyi_lis_content_title">
											服务器正在搭载中...</h1>
										<p class="liyi_lis_content_author"><i class="layui-icon"
												title="用户身份图标">&#xe612;</i>作者:<span
												style="color:${$usernamecolor};">YI</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
												class="layui-icon">&#xe60e;</i>发布时间:<span>2023-10-04</span>
										</p>
										<p>
										<h2 class="liyi_lis_content_content">
											服务器正在搭载中...众筹启动资金中...敬请期待
										</h2>
										</p>
										<p class="liyi_lis_content_bq">
											<span><i class="layui-icon">&#xe66e;</i>公告</span><span><span><i class="layui-icon">&#xe66e;</i>敬请期待</span><span>
										</p>
									</div>
								</div>
							</a>
						</li>
						<li class="listTop">
							<a href="#">
								<div class="liyi_lis_img"><img src="upload/1678693576.jpeg"
										alt=""></div>
								<div class="liyi_lis_content">
									<div>
										<h1 class="liyi_lis_content_title">
											服务器正在搭载中...</h1>
										<p class="liyi_lis_content_author"><i class="layui-icon"
												title="用户身份图标">&#xe612;</i>作者:<span
												style="color:${$usernamecolor};">YI</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
												class="layui-icon">&#xe60e;</i>发布时间:<span>2023-10-04</span>
										</p>
										<p>
										<h2 class="liyi_lis_content_content">
											服务器正在搭载中...众筹启动资金中...敬请期待
										</h2>
										</p>
										<p class="liyi_lis_content_bq">
											<span><i class="layui-icon">&#xe66e;</i>公告</span><span><span><i class="layui-icon">&#xe66e;</i>敬请期待</span><span>
										</p>
									</div>
								</div>
							</a>
						</li>
						<li class="listTop">
							<a href="#">
								<div class="liyi_lis_img"><img src="upload/1678693576.jpeg"
										alt=""></div>
								<div class="liyi_lis_content">
									<div>
										<h1 class="liyi_lis_content_title">
											服务器正在搭载中...</h1>
										<p class="liyi_lis_content_author"><i class="layui-icon"
												title="用户身份图标">&#xe612;</i>作者:<span
												style="color:${$usernamecolor};">YI</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
												class="layui-icon">&#xe60e;</i>发布时间:<span>2023-10-04</span>
										</p>
										<p>
										<h2 class="liyi_lis_content_content">
											服务器正在搭载中...众筹启动资金中...敬请期待
										</h2>
										</p>
										<p class="liyi_lis_content_bq">
											<span><i class="layui-icon">&#xe66e;</i>公告</span><span><span><i class="layui-icon">&#xe66e;</i>敬请期待</span><span>
										</p>
									</div>
								</div>
							</a>
						</li>
						<li class="listTop">
							<a href="#">
								<div class="liyi_lis_img"><img src="upload/1678693576.jpeg"
										alt=""></div>
								<div class="liyi_lis_content">
									<div>
										<h1 class="liyi_lis_content_title">
											服务器正在搭载中...</h1>
										<p class="liyi_lis_content_author"><i class="layui-icon"
												title="用户身份图标">&#xe612;</i>作者:<span
												style="color:${$usernamecolor};">YI</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
												class="layui-icon">&#xe60e;</i>发布时间:<span>2023-10-04</span>
										</p>
										<p>
										<h2 class="liyi_lis_content_content">
											服务器正在搭载中...众筹启动资金中...敬请期待
										</h2>
										</p>
										<p class="liyi_lis_content_bq">
											<span><i class="layui-icon">&#xe66e;</i>公告</span><span><span><i class="layui-icon">&#xe66e;</i>敬请期待</span><span>
										</p>
									</div>
								</div>
							</a>
						</li>
						<li class="listTop">
							<a href="#">
								<div class="liyi_lis_img"><img src="upload/1678693576.jpeg"
										alt=""></div>
								<div class="liyi_lis_content">
									<div>
										<h1 class="liyi_lis_content_title">
											服务器正在搭载中...</h1>
										<p class="liyi_lis_content_author"><i class="layui-icon"
												title="用户身份图标">&#xe612;</i>作者:<span
												style="color:${$usernamecolor};">YI</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
												class="layui-icon">&#xe60e;</i>发布时间:<span>2023-10-04</span>
										</p>
										<p>
										<h2 class="liyi_lis_content_content">
											服务器正在搭载中...众筹启动资金中...敬请期待
										</h2>
										</p>
										<p class="liyi_lis_content_bq">
											<span><i class="layui-icon">&#xe66e;</i>公告</span><span><span><i class="layui-icon">&#xe66e;</i>敬请期待</span><span>
										</p>
									</div>
								</div>
							</a>
						</li>
						<li class="listTop">
							<a href="#">
								<div class="liyi_lis_img"><img src="upload/1678693576.jpeg"
										alt=""></div>
								<div class="liyi_lis_content">
									<div>
										<h1 class="liyi_lis_content_title">
											服务器正在搭载中...</h1>
										<p class="liyi_lis_content_author"><i class="layui-icon"
												title="用户身份图标">&#xe612;</i>作者:<span
												style="color:${$usernamecolor};">YI</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
												class="layui-icon">&#xe60e;</i>发布时间:<span>2023-10-04</span>
										</p>
										<p>
										<h2 class="liyi_lis_content_content">
											服务器正在搭载中...众筹启动资金中...敬请期待
										</h2>
										</p>
										<p class="liyi_lis_content_bq">
											<span><i class="layui-icon">&#xe66e;</i>公告</span><span><span><i class="layui-icon">&#xe66e;</i>敬请期待</span><span>
										</p>
									</div>
								</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="liyi_center_right">
					<ul>
						<li class="listTop">
							<div class="loginicon"><img src="upload/1678693576.jpeg" alt=""></div>
							<div class="liyi_center_right_author">
								<h1>燚</h1>
								<h3>分享技术与快乐的小燚</h3>
								<h4>权限:超级管理员<i class="layui-icon" title="超级管理员身份图标"
										style="cursor: pointer;color: red;">&#xe674;</i></h4>
							</div>
							<div class="liyi_center_right_list">
								<a href="javascript:0">
									<div><span>文章<i class="layui-icon" title="文章"
												style="cursor: pointer;">&#xe655;</i></span></br><span>1000</span></div>
								</a>
								<a href="javascript:0">
									<div><span>点赞<i class="layui-icon" title="点赞"
												style="cursor: pointer;">&#xe6c6;</i></span></br><span>1000</span></div>
								</a>
								<a href="javascript:0">
									<div><span>留言<i class="layui-icon" title="留言"
												style="cursor: pointer;">&#xe60a;</i></span></br><span>1000</span></div>
								</a>
							</div>
							<div class="liyi_center_right_to">
								<h2>关于我</h2>
							</div>
						</li>
						<li class="listTop">
							<div style="margin:20px 0px;display: inline-block;"><i class="layui-icon"
									style="font-size:50px;color: #fff;">&#xe60b;</i></div>
							<div style="color: #fff;padding: 0px 20px;">
								<h1>公告</h1>
								<h3 style="color:red;font-weight: bold;margin-top: 10px;">QQ群:771204348</h3>
								<h3 style="color: orange;font-weight: bold;margin-top: 10px;">WX:l_yi0811</h3>
							</div>
						</li>
						<li class="listTop">
							<div style="margin-top: 20px;display: inline-block;"></div>
							<div class="liyi_center_right_list">
								<a href="javascript:0">
									<div><i class="layui-icon" style="color: aqua;">&#xe662;</i>xiaoyi</div>
								</a>
								<a href="javascript:0">
								</a>
								<a href="javascript:0">
									<div>xiaona<i class="layui-icon" style="color: red;">&#xe661;</i></div>
								</a>
							</div>
							<div class="liyi_center_right_list">
								<a href="javascript:0">
									<div><img style="width: 60px;height: 60px;border-radius: 100px;"
											src="upload/1678693576.jpeg" alt=""></div>
								</a>
								<a href="javascript:0">
									<div><span></br><i class="layui-icon"
												style="color: red;font-size: 40px;">&#xe68f;</i></span></div>
								</a>
								<a href="javascript:0">
									<div><img src="img/4kbanner.jpg"
											style="width: 60px;height: 60px;border-radius: 100px;" alt=""></div>
								</a>
							</div>
							<div class="liyi_center_right_to">
								<h2>关于我们</h2>
							</div>
						</li>
						<li class="listTop">
							<div class="loginicon"><img src="upload/1678863237.jpg" alt=""></div>
							<div class="liyi_center_right_author">
								<h1>肖俊辉</h1>
								<h3>分享技术与快乐的小辉辉</h3>
								<h4>权限:管理员<i class="layui-icon" title="管理员身份图标"
										style="cursor: pointer;color: red;">&#xe735;</i></h4>
							</div>
							<div class="liyi_center_right_list">
								<a href="#">
									<div><span>文章<i class="layui-icon" title="文章"
												style="cursor: pointer;">&#xe655;</i></span></br><span>123</span></div>
								</a>
								<a href="#">
									<div><span>点赞<i class="layui-icon" title="点赞"
												style="cursor: pointer;">&#xe6c6;</i></span></br><span>1000万</span></div>
								</a>
								<a href="#">
									<div><span>留言<i class="layui-icon" title="留言"
												style="cursor: pointer;">&#xe60a;</i></span></br><span>50</span></div>
								</a>
							</div>
							<div class="liyi_center_right_to">
								<h2>关于他</h2>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="liyi_position layui-anim layui-anim-scale"></div>
	</body>
</html>
<canvas id="canvas2"></canvas>
<script>
	/* Millennium Falcon with Pure CSS */
	/* Starfield with Canvas Javascript */

	const canvasa = document.querySelector("#canvas2");
	const ctxa = canvasa.getContext("2d");
	canvasa.width = 1920 - 40;
	canvasa.height = 1080 - 160;

	const MAX_STARS = 250;
	const STAR_COLORS = ["#444", "#888", "#FFF"];

	class Stars {
		constructor() {
			this.stars = [];
			for (let i = 0; i < MAX_STARS; i++) {
				const x = ~~(Math.random() * canvasa.width);
				const y = ~~(Math.random() * canvasa.height);
				const speed = ~~(1 + Math.random() * 5);
				const color = ~~(Math.random() * 3);
				this.stars.push({
					x,
					y,
					speed,
					color
				});
			}
		}

		draw() {
			for (let i = 0; i < MAX_STARS; i++) {
				const star = this.stars[i];
				ctxa.lineWidth = 1;
				ctxa.strokeStyle = STAR_COLORS[this.stars[i].color];
				ctxa.strokeRect(star.x, star.y, 1, 1);
			}
		}

		update() {
			for (let i = 0; i < MAX_STARS; i++) {
				this.stars[i].y += this.stars[i].speed;
				const isOutScreen = this.stars[i].y > canvasa.height;
				isOutScreen && (this.stars[i].y = 0);
			}
		}
	}


	const stars = new Stars();


	const clearScreen = () => ctxa.clearRect(0, 0, canvasa.width, canvasa.height);

	const loop2 = () => {
		clearScreen();
		requestAnimationFrame(loop2);
		stars.update();
		stars.draw();
	};

	loop2();
</script>
<script src="js/script.js"></script>
<script>
	(function load() {
		var topList = document
			.querySelectorAll(".listTop");
		var liyi_navul = document
			.querySelector(".liyi_navul");
		var scrolltop;
		window.onscroll = function() {
			var scrollFunc = function(e) {
		
				var e = e || window.event;
		
				if (e.wheelDelta) {
					if (e.wheelDelta > 0) { //当鼠标滚轮向上滚动时
						liyi_navul.style.marginTop = "0px";
					}
		
					if (e.wheelDelta < 0) { //当鼠标滚轮向下滚动时
						liyi_navul.style.marginTop =
							"-80px";
					}
		
				} else if (e.detail) {
		
					if (e.detail < 0) { //当鼠标滚轮向上滚动时
						liyi_navul.style.marginTop = "0px";
					}
		
					if (e.detail > 0) { //当鼠标滚轮向下滚动时
						liyi_navul.style.marginTop =
							"-80px";
					}
		
				}
		
			}
			window.addEventListener("DOMMouseScroll",
				scrollFunc)
			window.addEventListener("wheel", scrollFunc)
			window.addEventListener("mousewheel", scrollFunc)
			scrolltop = document.body
				.scrollTop || document
				.documentElement
				.scrollTop;
			if (scrolltop > 0) {
				liyi_navul.style
					.background =
					"#222222cc";
				liyi_navul.style
					.height = "62px";
				liyi_navul.style
					.lineHeight =
					"62px";
				liyi_navul.style
					.boxShadow =
					"0px 0px 20px #000000cc";
			} else {
				liyi_navul.style
					.background =
					"#22222200";
				liyi_navul.style
					.height = "80px";
				liyi_navul.style
					.lineHeight =
					"80px";
				liyi_navul.style
					.boxShadow =
					"0px 0px 0px #00000000";
			}
			for (let i = 0; i < topList
				.length; i++) {
				if (scrolltop >=
					topList[i]
					.offsetTop - window
					.screen.height +
					topList[
						i].offsetHeight
				) {
					topList[i].style
						.opacity = "1";
					topList[i].style
						.transform =
						"translateY(0px)";
				} else {
					topList[i].style
						.opacity = "0";
					topList[i].style
						.transform =
						"translateY(200px)";
				}
			}
		}
		// $.ajax({
		// 	url: "http://localhost:90/home/mysql_php/indexMessage.php",
		// 	type: "POST",
		// 	data: {},
		// 	success: function(res) {
		// 		if (res) {
		// 			$datasa = JSON.parse(res);
		// 			for (let i = 0; i < Object.keys($datasa["data"]).length; i++) {
		// 				$.ajax({
		// 					url: "http://localhost:90/home/mysql_php/listid.php",
		// 					type: "POST",
		// 					data: {
		// 						pid: $datasa["data"][i]["pid"],
		// 						sid: $datasa["data"][i]["sid"]
		// 					},
		// 					success: function(res) {
		// 						if (res) {
		// 							$sidhtmls = "";
		// 							$listids = JSON.parse(res);
		// 							for (let j = 0; j < Object.keys(
		// 									$listids["siddata"]).length; j++) {
		// 								$sidhtmls +=
		// 									`<span><i class="layui-icon">&#xe66e;</i>${$listids["siddata"][j]["title"]}</span><span>`;
		// 							}
		// 							if ($listids["piddata"][0]["useradmin"] == 1) {
		// 								$useradmin = `<i class="layui-icon" title="超级管理员身份图标"
		// 								style="color: red;">&#xe674;</i>`;
		// 								$usernamecolor = "orange";
		// 							} else {
		// 								$useradmin = ``;
		// 								$usernamecolor = "#fff";
		// 							}
		// 							$(".liyi_center_ul").append(`<li class="listTop">
		// 											<a href="#">
		// 												<div class="liyi_lis_img"><img src="upload/${$listids["piddata"][0]["imageicon"]}" alt=""></div>
		// 												<div class="liyi_lis_content">
		// 													<div>
		// 														<h1 class="liyi_lis_content_title">
		// 															${$datasa["data"][i]["title"]}</h1>
		// 														<p class="liyi_lis_content_author"><i class="layui-icon" title="用户身份图标">&#xe612;</i>作者:<span style="color:${$usernamecolor};">${$listids["piddata"][0]["author"]}${$useradmin}</span>&nbsp;&nbsp;&nbsp;&nbsp;<i
		// 																class="layui-icon">&#xe60e;</i>发布时间:<span>${$datasa["data"][i]["getTimes"]}</span>
		// 														</p>
		// 														<p>
		// 														<h2 class="liyi_lis_content_content">
		// 														${$datasa["data"][i]["content"]}
		// 														</h2>
		// 														</p>
		// 														<p class="liyi_lis_content_bq">
		// 															${$sidhtmls}
		// 														</p>
		// 													</div>
		// 												</div>
		// 											</a>
		// 										</li>`)
									
		// 						}
		// 					},
		// 				})
		// 			}
		// 		}
		// 	}
		// })
		aaasss = setInterval(function() {
			$("#loads").fadeOut(500);
			layer.msg("欢迎光临小燚的小屋");
			clearInterval(aaasss);
		}, parseInt(Math.random() * 2000 + 1))
		// $.ajax({
		// 	url: "http://localhost:90/home/mysql_php/setcookie.php",
		// 	type: "POST",
		// 	data: {},
		// 	success: function(res) {
		// 		if (res) {
		// 			$data = JSON.parse(res);
		// 			if ($data != "") {
		// 				$.ajax({
		// 					url: "http://localhost:90/home/mysql_php/demo_select.php",
		// 					type: "POST",
		// 					data: {
		// 						userid: $data
		// 					},
		// 					success: function(res) {
		// 						$bete = JSON.parse(res);
		// 						if ($bete["status"] == 200) {
		// 							$datas = $bete["data"][0];
		// 							$.ajax({
		// 								url: "http://localhost:90/home/mysql_php/demo_select_status.php",
		// 								type: "POST",
		// 								data: {
		// 									userid: $bete["data"][0]["id"]
		// 								},
		// 								success: function(res) {
		// 									$datad = JSON.parse(res);
		// 									if ($datad != "") {
		// 										$("#messageStatus").css("display",
		// 											"inline-block");
		// 										$("#messageStatus").html(Object
		// 											.keys($datad).length);
		// 									}
		// 								}
		// 							})
		// 							if ($bete["data"][0]["useradmin"] == 1) {
		// 								$usernamecolor2 = "orange";
		// 								$useradmin2 = `<i class="layui-icon" title="超级管理员身份图标"
		// 								style="color: red;">&#xe674;</i>`;
		// 							} else {
		// 								$useradmin2 =
		// 									`<i class="layui-icon" title="用户身份图标">&#xe612;</i>`;
		// 								$usernamecolor2 = "#fff";
		// 							}
		// 							$("#zt").html(`<a href="#" style="color:${$usernamecolor2};"><img src="upload/${$bete["data"][0]["imageicon"]}" class="layui-nav-img">${$useradmin2}${$bete["data"][0]["author"]}</a>
		// 							    <dl class="layui-nav-child">
		// 							      <dd><a href="javascript:;">修改信息</a></dd>
		// 							      <dd><a href="javascript:;">安全管理</a></dd>
		// 							      <dd><a href="javascript:;" onclick="removes()">退了</a></dd>
		// 							    </dl>`)
		// 							$("#loads").fadeOut(500);
		// 							layer.msg("欢迎光临小燚的小屋");
		// 						} else {
		// 							if ($bete["status"] == 500) {
		// 								alert("请勿修改登录session，cookie文件,重新登录!");
		// 								removecookie();
		// 							}
		// 							$("#loads").fadeOut(500);
		// 							layer.msg("欢迎光临小燚的小屋");
		// 						}
		// 					}
		// 				})
		// 			} else {
		// 				console.log(window.location.href)
		// 			}
		// 		}
		// 	}
		// })

	})();
	var zt = document.getElementById("zt");

	function removecookie() {
		$.ajax({
			url: "http://localhost:90/home/mysql_php/removes.php",
			type: "POST",
			data: {},
			success: function(res) {
				if (res) {
					$data = JSON.parse(res);
					if ($data) {
						layui.use('layer', function() {
							var layer = layui.layer;
							location.reload();
						});
					}
				}
			}
		})
	}




	function removes() {
		if (confirm("确认退出登录?")) {
			removecookie();
		} else {
			layer.msg("取消退出登录操作");
		}

	}
</script>